<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!-- META -->
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!-- TITLE -->
<title>Home</title>

<!-- Main StyleSheet -->
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="style-responsive.css" rel="stylesheet" type="text/css" media="screen" />
<link href="css/font-awesome.css" rel="stylesheet" type="text/css" />
<!--<link rel="stylesheet" href="css/bootstrap.min.css">-->
<link rel="stylesheet" href="css/libs/animate.css">


<!-- bxSlider CSS file -->
<link href="css/jquery.bxslider.css" rel="stylesheet" />


<!-- LayerSlider stylesheet -->
<link rel="stylesheet" href="layerslider/css/layerslider.css" type="text/css">
<!-- External libraries: jQuery & GreenSock -->
<script src="layerslider/js/jquery.js" type="text/javascript"></script>
<script src="layerslider/js/greensock.js" type="text/javascript"></script>
<!-- LayerSlider script files -->
<script src="layerslider/js/layerslider.transitions.js" type="text/javascript"></script>
<script src="layerslider/js/layerslider.kreaturamedia.jquery.js" type="text/javascript"></script>

<script src="js/bootstrap.min.js" type="text/javascript"></script>


<!-- bxSlider Javascript file -->
<script src="js/jquery.bxslider.js"></script>
<script>
$(document).ready(function(){
$('.bxslider').bxSlider({
						
						pager: false,
						controls: true,
						auto: true
						
						
						});
});
</script>



<link rel="stylesheet" type="text/css" href="lightbox/jquery.fancybox.css" media="screen" />
<script src="lightbox/jquery.fancybox.js"></script>
<script type="text/javascript">
		$(document).ready(function() {
								   
			$('.fancybox').fancybox();

		});
</script>


<!-- GOTO TOP JQUERY -->
<script type="text/javascript">
$(function() {
	$(window).scroll(function() {
		if($(this).scrollTop() != 0) {
			$('#gotop').fadeIn();	
		} else {
			$('#gotop').fadeOut();
		}
	});
 
	$('#gotop').click(function() {
		$('body,html').animate({scrollTop:0},800);
	});	
});
</script>
	


<!-- HEADER JQUERY -->
<script type="text/javascript">
$(function() {
	$(window).scroll(function() {
		if($(this).scrollTop() >= 200) {
			$('.header').addClass("header_fix");	
		} else {
		   $('.header').removeClass("header_fix");
		}
	});	
});
</script>


<script type="text/javascript">

if($(window).width() <= 900){
$(document).ready(function() {
							
							
							
			$('.mobile .title').click(function() {
										
										$(this).next("ul").slideToggle();
										$(this).toggleClass("minus");
										
										});
			
			

		});

}
</script>
					
</head>

<body>



<div class="header">
<div class="container">

			<a href="#" class="logo"><img src="images/logo.png" alt="" /></a>
			
			<div class="nav mobile">
			<div class="title">Menu <span class="fa "></span></div>
			<ul>
			<li><a href="#faqs_part">服务功能</a></li>
			<li><a href="#features">产品</a></li>
			<li><a href="#contact_part">联系我们</a></li>
			</ul>
			</div>

</div>
</div>




<div class="wrapper">
<div class="slider_main">
<div id="full-slider-wrapper">
<div id="layerslider" style="width:100%;height:356px;" align="center">


	<img src="images/banner.jpg" style="width:80%;height:356px" align="middle"/>

						
			 
   
	
</div>
</div> 
</div>

<div class="service_section">
<div class="container">

			<h2>看看我们的服务</h2>
			<h4>百思达，更专业的科技服务公司</h4>
			
			<div class="insider">
		   
				<div class="column">
				<span class="fa fa-mobile"></span>
				<h3>外包顾问咨询</h3>
				<p>专业的外包服务，整体战略规划，网络安全评估，一站式服务</p>
				</div>
				
				<div class="column">
				<span class="fa fa-comment-o"></span>
				<h3>外包服务方式</h3>
				<p>微信报修，远程服务，紧急响应，定期巡检.</p>
				</div>
				
				<div class="column">
				<span class="fa fa-heart-o"></span>
				<h3>网站认证</h3>
				<p>多平台安全访问标识，可信任网站验证规则.</p>
				</div>
		   
			</div>

</div>
</div>





<div class="feature_section" id="features">
<div class="container">

				
				<div class="leftside">
				<img src="images/thumbs/t1.png" alt=""  class="wow bounceInLeft animated" data-wow-duration="2s" data-wow-offset="300" data-wow-delay="0.2s" />
				</div>
				
				
				<div class="rightside">
				<h2>优秀的设计体验</h2>
				<p>
				设计是一个专注的问题。 你深入到你想做的事情上。 这是关于深入研究，真的。 专注是温暖而亲密的，就像地球内部的火——强烈但不扭曲。 你可以去一个地方，真正在心里感受。 其实是很美的感觉.
				</p>
				
				<div class="feature">
				<span class="fa fa-life-ring"></span>
				<div class="description">
				<strong>优秀的性能体验</strong> <br />
				性能是一个专注的问题。 你深入到你想做的事情上。 这是关于深入研究，真的.
				</div>
				</div>
				
				<br clear="all" />
				
				<a href="#" class="button3">了解更多</a>
				<a href="#" class="button4">现在开始</a>
				</div>			

</div>
</div>





<div class="feature_section ano_feature_section">
<div class="container">

				
				<div class="leftside">
				<h2>我们的产品</h2>
				<p>
				郑州百思达科技有限公司是一家针对高科技产业供应链提供整合型运筹服务，通过最佳业务实践，面向国内外小型的，中型的和大型的企业提供整体的，成熟解决方案的咨询服务公司。为用户提供从前台到后台、从系统到安全、从普遍化到个性化的软件产品以及产品技术方案、技术培训和贴心技术维护服务等覆盖企业全方位软件应用的整体解决方案，以优异的服务质量、强大的实施能力和标准的服务规范傲立于行业领先地位。
				</p>
				
				<div class="feature">
				<span class="fa fa-life-ring"></span>
				<div class="description">
				<strong>服务宗旨</strong> <br />
				“服务无极限，企业乐无忧”，以软硬件产品为依托，提供一体化整体解决方案高，提供高品质的咨询服务。一个有思想的企业，才是一个力量无边的企业。
				</div>
				</div>
				
				<div class="feature">
				<span class="fa fa-play-circle-o "></span>
				<div class="description">
				<strong>关于硬件</strong> <br />
				涵盖包括操作系统、自动化办公、开发工具、数据库、邮件服务器、防病毒软件、网络安全、数据备份、图形图像、网络管理、中间件、其他应用软件在内的大量企业软件产品以及软件产品组合，超值价格最大化程度为企业节省IT投资成本，帮助企业时刻掌握最新资讯，切实把握商务良机。.
				</div>
				</div>
				
				</div>
				
				
				<div class="rightside">
				<img src="images/thumbs/t2.png" alt="" class="wow bounceInRight animated imagethumb2" data-wow-offset="300" data-wow-delay="0.2s" />
				</div>			

</div>
</div>




<div class="common_section" id="testimonials_part">
<div class="container">

			<h2>每日鼓励自己</h2>
			<h4 style="margin:0 0 40px 0;">一台机器可以做五十个普通人的工作。 没有机器可以完成一个非凡人的工作</h4>
			
		   
			<br clear="all" />
			
			<ul class="bxslider">
			
			<li>
			<div class="testimonial_box">
			<div class="quote_button"><img src="images/icons/i7.png" alt="" /></div>
			<div class="para">
			没想到花这么少的钱，能得到如此强大的主题！ 和我一起工作真的很愉快，我认为它只是猜测我的想法！ 所有的定制都非常简单，让人联想到游戏而不是网站设置.
			</div>
			<div class="clientinfo">
			<img src="images/clients/c1.png" alt="" />
			王艳宁
			</div>
			</div>
			</li>
			
			</ul>
			

</div>
</div>





<div class="common_section" id="contact_part">
<div class="container">

			<h2>在这里联系我们</h2>
			<h4>我们非常在意您的意见和建议</h4>
			
		   
			<br clear="all" />
			
			
			<form method="post" class="hpform">
			<input type="text" placeholder="名字" />
			<input type="email" placeholder="邮箱" />
			<textarea placeholder="内容"></textarea>
			<input type="submit" value="发送" />
			</form>
			
		   
			

</div>
</div>







<div class="common_section">
<div class="container">

	
			<a href="#" class="footer_logo"><img src="images/logo.png" alt="" /></a>
		   
			<div class="copyright">Copyright &copy; 2021.郑州百思达科技有限公司.</div>                    

</div>
</div>


</div><!--wrapper-->


<script>
	jQuery("#layerslider").layerSlider({
		responsive: false,
		responsiveUnder: 1100,
		layersContainer: 1100,
		skin: 'fullwidth',
		hoverPrevNext: false,
		skinsPath: 'layerslider/skins/'
	});


</script>

<script src="js/wow.js"></script>
<script>
wow = new WOW(
  {
	animateClass: 'animated',
	offset:       100
  }
);
wow.init();
document.getElementById('moar').onclick = function() {
  var section = document.createElement('section');
  section.className = 'section--purple wow fadeInDown';
  this.parentNode.insertBefore(section, this);
};
</script>

<script type="text/javascript">
$(function() {
$('a[href*=#]:not([href=#])').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
if (target.length) {
$('html,body').animate({
scrollTop: target.offset().top - 132
}, 2000);
return false;
}
}
});
});
</script>


<script type="text/javascript">


$(document).ready(function() {

if($(window).width() <= 1200){


$(function() {
$('a[href*=#]:not([href=#])').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
if (target.length) {
$('html,body').animate({
scrollTop: target.offset().top - 132
}, 2000);
return false;
}
}
});
});



}

});


</script> 
	 


</body>
</html>
